import { PageModalService } from './../../shared/service/page-modal-service';
import { Component, OnInit, ViewChild, Input } from '@angular/core';

import { IonSlides, AlertController } from '@ionic/angular';
import { ModalController } from '@ionic/angular';

import { HttpService } from 'src/app/shared/service/http.service';

import { ImgSlidePage } from '../slides-imgage/img-slide.page';
import { FaciltyPage } from '../support-facilities/facilty.page';
import { AppGlobalService } from './../../shared/service/app-global.service';
import { VideoImgPopupComponent } from '../video-img-popup/video-img-popup.component';
import { SharePageComponent } from '../share-page/share-page.component';
import { Console } from 'console';
declare var $;
@Component({
  selector: 'app-transfer-detail',
  templateUrl: './transfer-detail.component.html',
  styleUrls: ['./transfer-detail.component.scss']
})
export class TransferDetailComponent implements OnInit {

  @ViewChild('imgSlides') imgSlides: IonSlides;
  @Input() tagData: any;
  data: any;
  slideOptions: any;
  currentIndex = 1;
  transfer = '转让';
  siting = '求租';
  rent = '出租';
  descriptionSectionId = 'descriptionSectionId';
  appTypeCustom: any;
  showBigImg = false;
  showCurrentImg: any;
  iSshow = false;
  iSshowStyle58 = false;
  remainingTime: any; // 剩余时间
  shareData: any; // 分享页面数据
  constructor(
    private modalCtrl: ModalController,
    private appGlobalService: AppGlobalService,
    public alertController: AlertController,
    public pageModalService: PageModalService,
    private http: HttpService) { }

  ngOnInit() {
    // console.log('详情页面Demo测试数据>>>>>>>>>>>>>>>>\n', this.tagData.data);
    if (this.tagData.demo) {
      this.getDemoData();
    }
    // this.getDemoData();
    const bodyStyles = window.getComputedStyle(document.body);
    this.appTypeCustom = bodyStyles.getPropertyValue('--appTypeCustom').trim().replace('"', '').replace('"', '');
    this.descriptionSectionId += new Date().getTime();
    localStorage.setItem('isDetailPage', 'true');
    const targetObj = JSON.parse(localStorage.getItem('targetObj'));
    let oppId = '';
    if (targetObj !== null) {
      if (targetObj.forward && targetObj.forward.params) {
        if (targetObj.forward.params.opportunity_id) {
          oppId = targetObj.forward.params.opportunity_id;
        }
      }
    }
    // tslint:disable-next-line:prefer-const
    let oppDetail = {
      opportunity_id: oppId,
      title: '',
      area: '',
      rent: '',
      rentunit: '',
      big_district: '',
      imags:
        localStorage.getItem('shareOppDetailImages') ?
          localStorage.getItem('shareOppDetailImages') :
          '../../../assets/img/375x250@2x.png',
      pluginId: '1', // 默认转让，
      transfer_fee: '',
      industry: ''
    };
    this.tagData.data.forEach(element => {
      if (element.htmlStyle === 'style6' && element.data && element.data.length && element.data[0].userName.length > 6) {
        const name: string = element.data[0].userName;
        element.data[0].userNameShow = name.substring(0, 5) + '...';
      }
      try { // 存储商机信息用于分享 add by andrew.wen
        if (element.htmlStyle === 'style1') {// 标题
          oppDetail.title = element.title;
          oppDetail.pluginId =
            element.title.indexOf(this.transfer) > -1 ? '1'
              : element.title.indexOf(this.siting) > -1 ? '3'
                : element.title.indexOf(this.rent) > -1 ? '2' : '1';
        } else if (element.htmlStyle === 'style2') {

          if (element.data.length > 1) { // 租金 + 单位
            oppDetail.area = element.data[0].value; // 面积
            oppDetail.rent = element.data[1].value;
            oppDetail.rentunit = element.data[1].unit;
            // 转让费
            oppDetail.transfer_fee = element.data[2].value + element.data[2].unit;
          } else {
            oppDetail.area = element.data[0].value; // 面积
          }

        } else if (element.htmlStyle === 'style3') {
          element.data.forEach(subElemet => {
            if (subElemet.dataType === 'identityType') {
              subElemet.showValue = subElemet.value.substring(0, subElemet.value.length - Number(subElemet.valueN)) + '******';
              subElemet.hide = true;

            }
          });

          if (oppDetail.pluginId === '1') { // 转让
            if (element.data) { // 目前经营
              oppDetail.industry = element.data[0].value;
              element.data.forEach(subElemet => {
                if (subElemet.dataType === 'addressType') {
                  oppDetail.big_district = subElemet.value;
                }
              });
            }
          } else if (oppDetail.pluginId === '2') { // 出租
            element.data.forEach(subElemet => {
              if (subElemet.dataType === 'addressType') {
                oppDetail.big_district = subElemet.value;
              }
            });
          } else if (oppDetail.pluginId === '3') { // 求租
            oppDetail.rent = element.data[0].value; // 租金
            element.data.forEach(subElemet => {
              if (subElemet.dataType === 'moreLineType') {
                oppDetail.big_district = subElemet.value;
              }
            });
          }
        } else if (element.htmlStyle === 'style51') {
          element.action.submit.content[element.action.submit.content.key] === '1' ? this.iSshow = false : this.iSshow = true;
        } else if (element.htmlStyle === 'style53') {
          if (element.endTime) {
            const timer = setInterval(() => {
              const endTime: Date = new Date(element.endTime);
              const nowTime: Date = new Date();
              const time = (endTime.getTime() - nowTime.getTime()) / 1000;  // 获取时间戳
              let day = Math.floor(time / 60 / 60 / 24);
              let hour = Math.floor(time / 60 / 60 % 24);
              let min = Math.floor(time / 60 % 60);
              let sec = Math.floor(time % 60);
              if (time <= 0 || isNaN(time)) {
                day = 0;
                hour = 0;
                min = 0;
                sec = 0;
              }
              let secStr = "00";
              let minStr = "00";
              let hourStr = "00";
              if (sec < 10) {
                secStr = '0' + sec;
              } else {
                secStr = sec + "";
              }
              if (min < 10) {
                minStr = '0' + min;
              } else {
                minStr = '' + min;
              }
              if (hour < 10) {
                hourStr = '0' + hour;
              } else {
                hourStr = hour + "";
              }

              this.remainingTime = day + '天' + hourStr + ':' + minStr + ':' + secStr;

              if (day === 0 && hour === 0 && min === 0 && sec === 0) {
                if (element.endTitle) {
                  element.title = element.endTitle;
                }
                element.value = element.endTime;
                this.remainingTime = '';
                clearInterval(timer); //  关闭定时器
              }
            }, 1000);
          }
        } else if (element.htmlStyle === 'style58') {
          element.action.submit.content[element.action.submit.content.key] === '1' ? this.iSshowStyle58 = false : this.iSshowStyle58 = true;
        } else if (element.htmlStyle === 'style13') {
          if (element.isOuter && element.isOuter === "true") {
            const result = [];
            if (element.imageText.indexOf("background-image:url") > -1) {

              (element.imageText.match(/background-image:url\(.+?(?=\))/g) || []).forEach(item => {
                const src = item.replace(/background-image:url\(/g, '');
                if (result.indexOf(src) === -1) {
                  result.push(src);
                }

              });

            } else {

              (element.imageText.match(/src=\".+?(?=\")/g) || []).forEach(item => {
                const src = item.replace(/src=\"/g, '');
                if (result.indexOf(src) === -1) {
                  result.push(src);
                }

              });

            }
            if (result.length > 0) {
              element.imageText = "";
              result.forEach(src => {
                element.imageText += `<img class="img" src="` + src + `"/>`;
              });
            }
          }

        } else if (element.htmlStyle === 'style35') {
          element.data.forEach(e => {
            if (e.submit) {
              const params = e.submit;
              params.sessionId = localStorage.getItem('sessionId');

              let isUserPath = false;
              let customPath = 'application/submit';
              // 2024.02.23 add by andrew.wen for requestHost
              if (e.submit && e.submit.content && e.submit.content.requestHost !== undefined) {
                isUserPath = true;
                customPath = e.submit.content.requestHost;
              }


              this.http.post(customPath, params, res => {
                // 请求成功
                if (res.success) {
                  e.labelRight = res.data.eventResult;
                }
              }, (error) => { console.log('error=', error); }, isUserPath);
            }
          });
        }
      } catch (e) {
        console.log('msg----->err=' + JSON.stringify(e));
      }
    });
    localStorage.setItem('shareOppDetail', JSON.stringify(oppDetail));
    this.slideOptions = {
      direction: 'horizontal',
      loop: false,
      slidesPerView: '1',
      spaceBetween: 5,
      width: 80,
      height: 80,
      slidesPerColumn: 1,
    };
  }




  // tslint:disable-next-line:use-life-cycle-interface
  ngAfterViewInit(): void {
    this.initViewAllBtn();
  }

  initViewAllBtn() {
    const description = document.getElementById('desc') as HTMLElement;
    if (description == null) {
      return;
    }
    const viewAllDiv = document.createElement("div");
    // const all = document.getElementById('all');
    const descString = description.textContent;
    const showString = '查看全部';
    const hideString = '收起';
    const n = description.offsetHeight;
    // if (n === 0) {
    //   return;
    // }
    viewAllDiv.style.fontSize = '1rem';
    viewAllDiv.style.color = '#637aa6';
    viewAllDiv.style.marginTop = '0.63rem';
    viewAllDiv.style.lineHeight = '1rem';
    if (n <= 110) {
      // all.style.display = 'none';
      viewAllDiv.style.display = 'none';
      // description.style.height = 'auto';
    } else {
      viewAllDiv.innerHTML = showString;
      viewAllDiv.style.display = 'block';
      // all.innerHTML = showString;
      // all.style.display = 'block';
      description.setAttribute('class', 'sub-show');
    }
    viewAllDiv.onclick = (e) => {
      if (description.classList.length > 0) {
        description.innerHTML = descString;
        description.classList.remove("sub-show");
        viewAllDiv.innerHTML = hideString;
      } else {
        description.innerHTML = descString;
        viewAllDiv.innerHTML = showString;
        description.setAttribute('class', 'sub-show');

      }
    };
    if (document.getElementById(this.descriptionSectionId)) {
      document.getElementById(this.descriptionSectionId).appendChild(viewAllDiv);
    }
  }
  // 打开图片展示框，滑动展示
  async openImage(index, images, download?) {
    if (download !== undefined) {
      if (download === 'notClick') {
        return;
      } else {
        download = "true";
      }
    }
    const urlArray = [];
    images.forEach(element => {
      urlArray.push(element.imageUrl);
    });
    const value = { img: urlArray, index: index + 1, download };
    const modal = await this.modalCtrl.create({
      component: ImgSlidePage,
      componentProps: { value: JSON.stringify(value) }
    });
    return await modal.present();
  }
  async openImage_url(index, images, download?) {
    if (download !== undefined) {
      download = "true";
    }
    const value = { img: images, index: index + 1, download };
    const modal = await this.modalCtrl.create({
      component: ImgSlidePage,
      componentProps: { value: JSON.stringify(value) }
    });
    return await modal.present();
  }
  async allPropertySet(data) {
    console.log('查看全部的物业配套');
    const modal = await this.modalCtrl.create({
      component: FaciltyPage,
      componentProps: { value: JSON.stringify(data) }
    });
    return await modal.present();
  }

  showMap(link) {
    if (link && link.target) {
      const param = {
        pageId: link.target,
        params: link.params ? link.params : {},
        sessionId: localStorage.getItem('sessionId')
      };
      console.log('link', link, param);
      // alert('param' + JSON.stringify(param));
      this.appGlobalService.goToForward(param);
    }
  }
  // 看用户详情
  showUserInfo() {

  }

  async callConsultantNow(data) {
    console.log('专属顾问', data);
    const alert = await this.alertController.create({

      header: '',
      subHeader: '',
      message: data.userName + '<br>' + data.button.phone,
      buttons: [{
        text: '取消',
        role: 'cancel',
        cssClass: 'secondary',
        handler: () => {
          console.log('取消');
        }
      }, {
        text: '拨打',
        cssClass: 'LJ',
        handler: () => {
          this.http.changeCallNumber(data.button.phone);
        }
      },]
    });
    await alert.present();
  }
  async callConsultant1Now(button) {
    console.log('专属顾问', button);
    const alert = await this.alertController.create({

      header: '',
      subHeader: '',
      message: button.label + '<br>' + button.phone,
      buttons: [{
        text: '取消',
        role: 'cancel',
        cssClass: 'secondary',
        handler: () => {
          console.log('取消');
        }
      }, {
        text: '拨打',
        cssClass: 'LJ',
        handler: () => {
          this.http.changeCallNumber(button.phone);
        }
      },]
    });
    await alert.present();
  }
  // 店铺详情
  toShopDetail(link: any) {
    this.openPage(link);
  }


  actionClick(link) {
    this.openPage(link);
  }

  join(link) {
    this.openPage(link);
  }
  recommend(link) {
    this.openPage(link);
  }
  async recommendPhone(phone) {
    const alert = await this.alertController.create({

      header: '',
      subHeader: '',
      message: '铺铺旺' + ' ' + phone,
      buttons: [{
        text: '取消',
        role: 'cancel',
        cssClass: 'secondary',
        handler: () => {
          console.log('取消');
        }
      }, {
        text: '拨打',
        cssClass: 'LJ',
        handler: () => {
          this.http.changeCallNumber(phone);
        }
      },]
    });
    await alert.present();
  }

  // 公司信息
  companyInfo(link) {
    this.openPage(link);
  }
  openPage(link, event?) {
    if (event) {
      const parentElement = event.srcElement.parentElement.parentElement as HTMLElement;
      parentElement.style.display = 'none';
    }
    if (link && link.params && link.params.modalCss) {
      link.modalCss = link.params.modalCss;
    }
    this.pageModalService.openPage(link);
  }
  showHide(itemInfo) {
    itemInfo.hide = !itemInfo.hide;

    if (itemInfo.hide) {
      itemInfo.showValue = itemInfo.value.substring(0, itemInfo.value.length - Number(itemInfo.valueN)) + '******';
    } else {
      itemInfo.showValue = itemInfo.value;
    }
  }
  switchButtonSystem(submit) {

    submit.content[submit.content.key] = this.iSshow ? "0" : "1";
    submit.sessionId = localStorage.getItem('sessionId');
    this.http.post('application/submit', submit, res => {
      // 请求成功
      if (res.success) {

      } else {
        // 请求数据失败
        this.appGlobalService.showToast(res.message, 2000, 'middle');
      }
    });
  }

  switchButtonSystem2(submit) {

    submit.content[submit.content.key] = this.iSshowStyle58 ? "0" : "1";
    submit.sessionId = localStorage.getItem('sessionId');
    this.http.post('application/submit', submit, res => {
      // 请求成功
      if (res.success) {

      } else {
        // 请求数据失败
        this.appGlobalService.showToast(res.message, 2000, 'middle');
      }
    });
  }
  // 打开图片展示框，滑动展示
  async openimgUrl(index, images) {
    const urlArray = [];
    images.forEach(element => {
      urlArray.push(element);
    });
    const value = { img: urlArray, index: index + 1 };
    const modal = await this.modalCtrl.create({
      component: ImgSlidePage,
      componentProps: { value: JSON.stringify(value) }
    });
    return await modal.present();
  }

  getDemoData() {

    this.tagData = {
      type: 'tag',
      style: 'xxxx',
      name: 'xxxx',
      data: [
        {
          /**
           * 蜂喔-  原找店转店出租详情上 新增 style61 下载附件
           * */
          htmlStyle: 'style61',
          // title: '附件',
          data: [
            {
              label: '附件名称.ppt',
              link: {
                target: 'https://888.ppt',
                type: 'url',
                params: { download: "true"}
              },
            },
            {
              label: '附件名称2.ppt',
              link: {
                target: 'https://889.pptx',
                type: 'url',
                params: { download: "true"}
              },
            }
            ]
          },
        {
          /**
           *  新增 style59 小区资料列表
          * */
          htmlStyle: 'style59',
          cssStyle: '',
          data: [
            {
              cssStyle: '',
              label: '个人资料1',
              valueN: '1111',
              icon: 'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651045895954a848b2cd30157b9afff4403f278fbdf3.png',
              labelCssStyle: '',
              value: "头像、微信号、性别、从业年限等信息",
              valueCssStyle: "",
              imageUrl: 'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651045895954a848b2cd30157b9afff4403f278fbdf3.png',
              imgCssStyle: '',
              labelRight: "修改",
              labelRightCssStyle: "",
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
            {
              cssStyle: '',
              label: '个人资料1',
              labelCssStyle: '',
              value: "头像、微信号、性别、从业年限等信息",
              valueCssStyle: "",
              imageUrl: 'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651045895954a848b2cd30157b9afff4403f278fbdf3.png',
              imgCssStyle: '',
              labelRight: "修改",
              labelRightCssStyle: "",
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
          ]
        },
        {
          /**
           *  新增 style57
          * */
          htmlStyle: 'style57',
          cssStyle: '',
          title: '试用已抵用1000元',
          titleCssStyle: '',
          data: [
            {
              title: '费用',
              titleCssStyle: '',
              label: '￥',
              labelCssStyle: 'margin-top: 0.5rem;',
              value: '1980',
              valueCssStyle: 'min-width: 2.5rem;',
            },
            {
              label: '￥',
              labelCssStyle: 'font-size: 0.88rem;font-weight: 400;color: #B3B3B3;',
              value: '2980',
              valueCssStyle: 'font-size: 0.88rem;font-weight: 400;color: #B3B3B3;',
            }
          ],
        },
        {
          /**
           *  新增 style56
          * */
          htmlStyle: 'style56',
          cssStyle: '',
          title: '客户要交费',
          titleCssStyle: '',
          label: '服务协议',
          labelCssStyle: '',
          link: {
            target: '1234',
            type: 'page',
            params: {}
          },
          icon: 'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1651111628005463a125d4daac16018b56c11d107e78d.png',
          iconCssStyle: '',
          data: [
            {
              imageUrl: 'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1653618356604a5a34969ac9359cf1d59ab6d4be1f18d.png',
              label: '客户付款',
              imgCssStyle: '',
              labelCssStyle: '',
            },
            {
              imageUrl: 'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1653618356604a5a34969ac9359cf1d59ab6d4be1f18d.png',
              label: '发起签约',
              imgCssStyle: '',
              labelCssStyle: '',
            },
            {
              imageUrl: 'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1653618356604a5a34969ac9359cf1d59ab6d4be1f18d.png',
              label: '总监财务客服审核',
              imgCssStyle: '',
              labelCssStyle: '',
            },
          ]
        },
        // {
        //   htmlStyle: "style34",
        //   title: "香港深圳厨房晶钢板橱柜亚克力整体大尺寸防水防油防污好清洗",
        //   priceLabel: "零售价:",
        //   price: "12800.00",
        //   supplyPriceLabel: "供货价:",
        //   supplyPrice: "1280.00",
        //   supplyPriceDigitsCssStyle : "",
        //   supplyPriceCssStyle : "",
        //   // originalPrice: "22800.00",
        //   priceDigitsCssStyle : "",
        //   priceCssStyle : "",
        //   // salesVolume: "已售332",
        //   cssStyle: '',
        //   // tag: '优惠价格',
        //   // discountPrice: '50.00',
        //   isAuthenticated: {
        //     value: 'true',
        //     label: '认证',
        //     cssStyle: ''
        //   },
        //   tips: '信息编号复制成功',
        //   info: '2357',
        //   infoLabel: 'NO:',
        //   artTips: '货号复制成功',
        //   artNo: 'FW000011',
        //   artNoLabel: '货号：',
        // },
        // {
        //   htmlStyle: "style35-bg", // <!-- 订单信息 -->
        //   title: "",
        //   cssStyle: 'padding:0.31rem 1rem; border-radius: 0.5rem;display: inline-flex;height: 2.75rem;align-items: center;',
        //   data: [
        //     {
        //       label: "平台审核:",
        //       value: '审核中',
        //       valueCssStyle: 'font-size: 0.75rem;font-weight: bold;color: #FF3D2B;',
        //       cssStyle: 'font-size: 0.75rem;color: #222222;width:fit-content;'
        //     },
        //     {
        //       label: "状态:",
        //       value: '下架中',
        //       valueCssStyle: 'font-size: 0.75rem;font-weight: bold;color: #FE990D',
        //       cssStyle: 'font-size: 0.75rem;color: #222222;width:fit-content;'
        //     },]
        // }
        {
          htmlStyle: "style35-bg", // <!-- 修改信息  第一行-->
          title: "",
          cssStyle: 'padding:0rem 0.75rem 0 0; border-bottom: 0.03rem #EDEDED solid;display: flex;height: 2.38rem;align-items: center;border-radius:0.75rem 0.75rem 0 0;border-bottom: 0.03rem solid #EDEDE6;margin-left: 0.5rem;margin-right: 0.5rem;background: white;',
          data: [
            {
              label: "<span style='margin-right:0.63rem;width: 0.13rem;height: 0.75rem;background: #FFD82B;display:inline-block'></span>物流信息:",
              value: '修改',
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #0F0F0F;justify-content: flex-end;',
              cssStyle: 'font-size: 1rem;font-weight: bold;color: #222222;',
              link: {}
            },
          ]
        },
        {
          htmlStyle: "style35-bg", // <!-- 修改信息 中间一行 -->
          title: "",
          cssStyle: 'padding: 0 0.75rem; padding-bottom:0.5rem; display: flex;height: 2.25rem;align-items: center;margin-left: 0.5rem;margin-right: 0.5rem;background: white;',
          data: [
            {
              label: "包邮:",
              value: '包邮包送包安装',
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #0F0F0F;justify-content: flex-end;',
              cssStyle: 'font-size: 0.88rem;font-weight: bold;color: #999999;width:fit-content',
            },
            {
              label: "配送范围说明:",
              value: '查看',
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #FE990D;justify-content: flex-end;',
              cssStyle: 'font-size: 0.88rem;font-weight: bold;color: #999999;width:fit-content',
              link: {
                type: 'page',
                target: '111',
                params: {
                  noIcon: 'true' //不展示箭头
                }
              }
            },
          ]
        },
        {
          htmlStyle: "style35-bg", // <!-- 修改信息 最后一行 -->
          title: "",
          cssStyle: 'padding:0 0.75rem 0.5rem 0.75rem;display: flex;height: 2.75rem;align-items: center;border-radius:0 0 0.75rem 0.75rem ;margin-left: 0.5rem;margin-right: 0.5rem;background: white;',
          data: [
            {
              label: "发货时间:",
              value: '付款后48小时内发货',
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color:#0F0F0F;justify-content: flex-end;',
              cssStyle: 'font-size: 0.88rem;font-weight: bold;color: #999999;',

            },
          ]
        }
        ,
        // ,]};
        // {[
        {
          /**
           *  新增 style55 开票进度
          * */
          htmlStyle: 'style55',
          cssStyle: '',
          label: '申请开票',
          labelCssStyle: '',
          imageUrl: '../../../assets/img/deftA.png',
          imgCssStyle: "",
          imgBackground: '../../../assets/img/deftBackgroud.png',
          imgBackgroundCssStyle: '',
        },
        {
          /**
           *  新增 style54 现场展示管理
          * */
          htmlStyle: 'style54',
          cssStyle: '',
          title: '阶段：土建阶段',
          titleCssStyle: '',
          time: '2022-08-18',
          timeCssStyle: '',
          icon: '../../../assets/fw/video_icon_paly.png', // 播放按钮
          iconCssStyle: '',

          videoCssStyle: '',
          img_video: {
            videoUrl: [ // 视频
              'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/video_c2957d2b62fa77ad31523b4f1572492a.mp4',
            ],
            imgUrl: [ // 图片
              'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1626749690595db337c922898ea0cf3df96ef2ab810aa.jpg',
              'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1626749690595db337c922898ea0cf3df96ef2ab810aa.jpg',
              'https://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_1626749690595db337c922898ea0cf3df96ef2ab810aa.jpg',
            ],
          },
          label: '做隔音防尘处理，不影响邻居生活，临时保留做隔音防尘处理，不影响邻居生活，临时保留做隔音防尘处理，不影响邻居生活，临时保留做隔音防尘处理，不影响邻居生活，临时保留', // 文本
          labelCssStyle: '',
        },
        {
          /**
           *  新增 style53   发布预览
          * */
          htmlStyle: 'style53',
          cssStyle: '',
          endTime: "2022-09-16 13:57:30", // 结束时间
          title: '等待商家处理退款信息',
          endTitle: '等待商家处理退款信息22',
          titleCssStyle: '',
          value: '还剩',
          valueCssStyle: '',
        },
        {
          /**
           *  新增 style52   发布预览
          * */
          htmlStyle: 'style52',
          cssStyle: '',
          title: ' 增值税电子普通发票',
          titleCssStyle: '',
          icon: '../../../assets/img/shop_icon_yinzhang@3x.png',
          iconCssStyle: '',
          imageUrlLeft: '../../../assets/img/shop_img_fapiao_left@3x.png',
          imageUrlLeftCssStyle: '',
          imageUrlRight: '../../../assets/img/shop_img_fapiao_left@3x.png',
          imageUrlRightCssStyle: '',
          data: [
            {
              label: '发票抬头',
              labelCssStyle: '',
              value: '张三',
              valueCssStyle: '',
            },
            {
              label: '税号',
              labelCssStyle: '',
              value: '-',
              valueCssStyle: '',
            },
            {
              label: '开票金额',
              labelCssStyle: '',
              value: '555.9元',
              valueCssStyle: '',
            },
            {
              label: '发票内容',
              labelCssStyle: '',
              value: '明细',
              valueCssStyle: '',
            },
            {
              label: '申请日期',
              labelCssStyle: '',
              value: '2022.09.13',
              valueCssStyle: '',
            },
          ],

          action: {
            images: 'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg; http; http',
            imageCssStyle: '',
            label: '点击预览发票',
            labelCssStyle: '',
            link: {
              target: '2493',
              type: 'page',
              params: { user_account: "5ced0f02768ae40001297b48" }
            },
          },
        },
        {
          /**
           *  新增 style51 信息开关
          * */
          htmlStyle: 'style51',
          cssStyle: '',
          title: "请检查您的信息内容，若不准确请告知，立即为您完善",
          titleCssStyle: "",
          data: [
            {
              label: '户型',
              labelCssStyle: '',
              value: '1房1厅1卫',
              valueCssStyle: '',
            },
            {
              label: '售价',
              labelCssStyle: '',
              value: '10000',
              valueCssStyle: '',
            },
            {
              label: '租金',
              labelCssStyle: '',
              value: '100000/月',
              valueCssStyle: '',
            },
            {
              label: '地址',
              labelCssStyle: '',
              value: '福田区华强北华强路26号工业大厦B栋底xxxxx',
              valueCssStyle: '',
            },
          ],
          action: {
            label: '完善信息',
            labelCssStyle: '',
            link: {
              target: '2493',
              type: 'page',
              params: { user_account: "5ced0f02768ae40001297b48" }
            },
            submit: {
              id: "64a743a9-7739-4338-b125-c7d2d5141290",
              content: {
                key: "open"
              },
            }
          }
        },
        {
          /**
           *  新增 style50 冰箱维修
          * */
          htmlStyle: 'style50',
          title: '冰箱维修',
          cssStyle: '',
          titleCssstyle: '',
          data: [
            {
              label: '冰箱维修/漏水维修/上门检测等等',
              labelCssStyle: '',
              subLabel: '修改服务内容',
              subLabelCssStyle: 'font-size: 0.75rem;font-weight: bold;color: #222222;',
              icon: '../../../assets/icon/details_icon_more@3x.png',
              iconCssStyle: 'width:0.5rem;height:0.75rem;margin-left:0.25rem',
              link: {
                target: '2493',
                type: 'page',
                params: { user_account: "5ced0f02768ae40001297b48" }
              }
            },
          ],
          text: 'REPAIR',
          textCssStyle: '',
        },
        {
          /**
           *  新增 style49 猜你知道
          * */
          htmlStyle: 'style49',
          cssStyle: '',
          title: '猜你想知道', //
          data: [
            {
              label: "上官圆缺所在的蜂喔服务中心能做什么????",
              labelCssStyle: '',
              subLabel: "点击去看看",
              subLabelCssStyle: "",
              icon: 'http:', //  右边手头
              iconCssStyle: '',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
            {
              label: "上官圆缺所在的蜂喔服务中心能做什么????",
              labelCssStyle: '',
              subLabel: "点击去看看",
              subLabelCssStyle: "",
              icon: 'http:', //  右边手头
              iconCssStyle: '',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
          ]
        },
        {
          /**
           *  新增 style48 流程
          * */
          htmlStyle: 'style48',
          cssStyle: '',
          title: '服务流程', //
          dataList: 4, // 配置单行图片数量
          data: [
            {
              label: "在线预约",
              value: "01",
              icon: 'http:', //  右边箭头
              imageUrl: 'http:', // 流程主图
              labelCssStyle: '',
              valueCssStyle: '',
              imageUrlCssStyle: '',
            },
            {
              label: "在线预约",
              value: "02",
              icon: 'http:', //  右边箭头
              imageUrl: 'http:', // 流程主图
              labelCssStyle: '',
              valueCssStyle: '',
              imageUrlCssStyle: '',
            },
            {
              label: "在线预约",
              value: "03",
              icon: 'http:', //  右边箭头
              imageUrl: 'http:', // 流程主图
              labelCssStyle: '',
              valueCssStyle: '',
              imageUrlCssStyle: '',
            },
            {
              label: "在线预约",
              value: "04",
              icon: 'http:', //  右边箭头
              imageUrl: 'http:', // 流程主图
              labelCssStyle: '',
              valueCssStyle: '',
              imageUrlCssStyle: '',
            },
            {
              label: "在线预约",
              value: "05",
              icon: 'http:', //  右边箭头
              imageUrl: 'http:', // 流程主图
              labelCssStyle: '',
              valueCssStyle: '',
              imageUrlCssStyle: '',
            },
          ]
        },
        {
          /**
           *  新增 style47 下单
          * */
          htmlStyle: 'style47',
          cssStyle: '',
          title: '冰箱维修', //
          info: "漏水/不制冷",
          data: [
            {
              label: "冰箱维修",
              labelLeft: '￥',
              labelRight: '起',
              value: "50",
              icon: 'http:', //  右下角背景图
              imageUrl: 'http:', // 左边图
              ArrowIcon: 'http', // 箭头图片
              labelArrow: 'true', // 是否需要箭头图片
              arrowIconCssStyle: "",
              labelRightCssStyle: '',
              labelCssStyle: '',
              valueCssStyle: '',
              subLabel: "立即下单",
              subLabelCssStyle: "",
              link: {
                target: '1234',
                type: 'page',
                params: {}
              }, // 右边盒子的link
              priceLink: {
                target: '1234',
                type: 'page',
                params: {}
              }, // 左边盒子的link
            },
          ]
        },
        {
          /**
           *  新增 style45 评价详情
          * */
          htmlStyle: 'style45',
          cssStyle: '',
          title: '上官圆缺', // 名字
          icon: 'http:', // 头像
          statusImageUrl: 'http:', // 评价图标
          data: [
            {
              label: '师傅很专业，三下两下就找到了问题所在，很快就解决了，还顺便帮忙把家里的水龙头给换了，很靠谱专业！',
              tags: ['上门前有沟通', '上门快', '非常专业', '价格合理', '帮忙清理垃圾', '细节处理到位', '细节处理到位11'],
              images: ['../../../assets/img/xiangmu.png',
                '../../../assets/img/xuanzhi.png',
                '../../../assets/img/xiangmu.png',
                '../../../assets/img/xuanzhi.png',
                '../../../assets/img/xiangmu.png']// urlString 大4张时。第4张上面显示总数
            }
          ]
        },
        {
          /**
           *  新增 style46 评价
          * */
          htmlStyle: 'style46',
          cssStyle: '',
          title: '个人展示', // 名字
          titleCssStyle: '',
          data: [
            {
              label: '师傅很专业，三下两下就找到了问题所在，很快就解决了，还顺便帮忙把家里的水龙头给换了，很靠谱专业！',
              labelCssStyle: '',
              imagesCssStyle: '',
              imgCssStyle: "",  // 每张图片
              textCssStyle: '', // 定位右下角的文字
              images: ['../../../assets/img/xiangmu.png',
                '../../../assets/img/xuanzhi.png',
                '../../../assets/img/xiangmu.png',
                '../../../assets/img/xuanzhi.png',
                '../../../assets/img/xiangmu.png']// urlString 大4张时。第4张上面显示总数
            }
          ]
        },
        {
          /**
           * 没有找到你的小区？上传户型图 设计师免费帮你生成效果图
           * */
          htmlStyle: 'style44',
          title: '没有找到你的小区？',
          action: {
            label: '上传户型图',
            link: {
              target: '2493',
              type: 'page',
              params: { user_account: "5ced0f02768ae40001297b48" }
            }
          },
          info: '设计师免费帮你生成效果图',
        },
        {
          /**
           * 服务流程
           * */
          htmlStyle: 'style43',
          title: '服务流程',
          data: [
            {
              imageUrl: '.....png',
              title: '发布服务'
            },
            {
              imageUrl: '.....png',
              title: '工人确认',
            },
            {
              imageUrl: '.....png',
              title: '上面服务',
            }, {
              imageUrl: '.....png',
              title: '支付评价'
            }
          ]
        },
        {
          /**
           * 品牌介绍
           * */
          htmlStyle: 'style42',
          title: '全友家私',
          icon: '1',
          info: `全友创建于1986年，经过三十余载的励精图治，已发展成为集研、产、销一体的大型现代化家居企业。
          公司主要生产板式套房家具、实木家具、床垫、沙发、软床和定制家具、工程家具等系列产品。
          产品畅销全国并远销欧美、东南亚多个国家和地区。`
        },
        {
          /**
           * 客服答复
           * */
          htmlStyle: 'style41',
          title: '公司简介',
          info: '正新成立于2006年，是以食品为主导，集生产、供应链、信息科技、商业地产与投资等板块于一体的大型多元化产业集团。....'
        },
        {
          // 装修清单
          htmlStyle: 'style40',
          cssStyle: '',
          title: "深圳湾一号2栋806装修",
          data: [
            {
              // tslint:disable-next-line:max-line-length
              cssStyle: 'height: 1rem;background: #27282E;border-radius: 0.56rem;font-size: 0.69rem;color: #FFFFFF;padding:  0 0.31rem;line-height: 1rem;display: flex;align-items: center;',
              label: "视装修清单合计",
              value: "83800.0",
              valueN: '金额（元）',
              valueCssStyle: 'font-size: 1.38rem;font-weight: bold;color: #232529;',
              labelRight: '￥',
              dataType: 'Total'
            }, {
              label: "硬装费用",
              value: "7900",
              dataType: 'item'
            }, {
              label: "软装费用",
              value: "79900",
              dataType: 'item'
            },
            {
              label: "定制费用",
              value: "79000",
              dataType: 'item'
            },
          ],
        },
        {
          // 服务说明
          htmlStyle: 'style39',
          cssStyle: '',
          title: "服务店说明",
          info: '直租直售是指店铺、写字楼、住宅、厂房等房产信息的直租直售业务。帮客户转让、出租店铺、买房卖房、写字楼出租、商场业务招商等业务。',
          data: [
            {
              label: "要求",
              dataType: 'icon',
              value: "有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验",
            },
            {
              label: "个人开通业务",
              dataType: 'mark',
              value: "有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验有团队和管理经验",
              icon: "num1.png" // num1.png num2.png num3.png
            },

            {
              label: "个人开通业务",
              dataType: 'icons',
              data: [
                {
                  label: "业绩分成",
                  icon: "fc.png",
                },
                {
                  label: "业绩提成",
                  icon: "tc.png",
                },
              ]
            },
          ],
        },
        {
          // 店铺管理Item
          htmlStyle: 'style38',
          cssStyle: '',
          data: [
            {
              label: "视频介绍",
              value: "1个",
              labelRight: '管理',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              }
            }, {
              label: "案例",
              value: "1个",
              labelRight: '管理',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              }
            }
          ],
        },
        {
          /**
           * 装修公司企业资质
           * */
          htmlStyle: 'style37',
          imgListCssStyle: 'flex-wrap: wrap;',
          title: '营业执照',
          data: [
            {
              imageUrl: 'https://....',
            },
            {
              imageUrl: 'https://....',

            },
            {
              imageUrl: 'https://....',

            }, {
              imageUrl: 'https://....',

            },
            {
              imageUrl: 'https://....',

            },
            {
              imageUrl: 'https://....',
            }
          ]
        }
        ,
        {
          htmlStyle: "style36", // <!-- 服务内容 -->
          title: "",
          cssStyle: '',
          data: [
            {
              value: "",
              label: "整屋贴瓷、外墙贴瓷、墙体拆铲、全屋墙面翻新、客厅墙面翻新、儿童房翻新、单房翻新、墙纸墙布",
              cssStyle: 'background: #F5F5F5;border-radius: 0.5rem;padding:0.5rem;0.75rem',
              icon: 'http://',
              iconCssStyle: 'width:1.75rem;height:1.75rem;margin-right:0.25rem;flex-shrink: 0;',
            },
            {
              value: "装修款100%托管，阶段施工完毕业主确认后付款。",
              label: "先装修后支付",
            },
            {
              value: "装修款100%托管，阶段施工完毕业主确认后付款。",
              label: "先装修后支付1",
            }]
        },
        {
          htmlStyle: "style34",
          title: "香港深圳厨房晶钢板橱柜亚克力整体大尺寸防水防油防污好清洗",
          price: "12800.00",
          originalPrice: "22800.00",
          priceDigitsCssStyle: "",
          priceCssStyle: "",
          salesVolume: "已售332",
          cssStyle: '',
          tag: '优惠价格',
          discountPrice: '50.00',
          isAuthenticated: {
            value: 'true',
            label: '认证',
            cssStyle: ''
          },
          tips: '信息编号复制成功',
          info: '2357',
          infoLabel: 'NO:',
          label: '抱歉，商品不支持当前区域售卖，请更换<span style="color: #FFD82B">配送区域</span>或联系客服咨询'
        },
        {
          htmlStyle: "style34",
          cssStyle: 'padding:0px',
          label: '抱歉，商品不支持当前区域售卖，请更换<span style="color: #FFD82B">配送区域</span>或联系客服咨询',
          action: {
            label: '更换配送',
            link: {
              target: '1234',
              type: 'page',
              params: {}
            }
          },
        },
        {
          htmlStyle: "style35-bg", // <!-- 订单信息 -->
          title: "style35-bg",
          cssStyle: 'padding:0.31rem 1rem; border-radius: 0.5rem',
          copyCssStyle: '', // 复制的样式
          data: [
            {
              label: "订单总价",
              value: '￥',
              price: {
                value: "50.67",
                unit: "/月",
                unitCssStyle: "",
                priceDigitsCssStyle: "",
                priceCssStyle: "",
              },

              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #252629',
              cssStyle: 'font-size: 0.88rem;color: #252629;width:5.38rem'
            },
            {
              label: "订单编号：",
              value: '202106254884574521',
              valueN: '订单编号', // 复制后提示用
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #252629',
              cssStyle: 'font-size: 0.88rem;color: #252629;width:5.38rem'
            },
            {
              label: "下单时间：",
              value: '2021-07-01 19:37:16',
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #252629',
              cssStyle: 'font-size: 0.88rem;color: #252629;width:5.38rem'
            },
            {
              label: " ", // 空格
              value: ' ', // 空格 实现右边分割线
              valueCssStyle: 'border-bottom:#E8EAED solid 0.03rem;height: 0.5rem',
              cssStyle: 'font-size: 0.88rem;color: #252629;width:5.8rem;height: 0.5rem'
            },
            {
              label: "物流编号：",
              value: '2021447455445577445',
              valueN: '物流编号',
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #252629',
              cssStyle: 'font-size: 0.88rem;color: #252629;width:5.38rem'
            },
            {
              label: "下单时间：",
              value: '2021-07-01 19:37:16',
              valueCssStyle: 'font-size: 0.88rem;font-weight: bold;color: #252629',
              cssStyle: 'font-size: 0.88rem;color: #252629;width:5.38rem'
            }]
        }
        ,
        {
          htmlStyle: "style35", // <!-- 商品详情参数等 -->
          title: "style35",
          tips: "信息已关闭",
          valueCssStyle: 'display: flex;align-items: center;justify-content: space-between;',
          cssStyle: 'padding:0.31rem 1rem; border-radius: 0.5rem',
          statusImageUrl: "1111",
          data: [
            {
              dataType: 'gradeType', // 新增
              label: '客户评分',
              value: '3',
              valueCssStyle: 'width:1.25rem;height:1.25rem',
              labelRight: '铺铺旺是一个专业的转店找店平台，服务周到，速度很快，收费合理，' // 新增
            },
            {

              dataType: "phone",
              label: "协助者",
              value: '',
              button: {
                label: '李杰',
                phone: '13888998899'
              },
              icon: 'case_icon_end time@3x.png', // 新增
              valueCssStyle: 'font-size: 1rem;color: #0091FF;',
              cssStyle: 'font-size: 1rem;color: #808080;width:6rem'
            },
            {
              // dataType : 'moreLine' 换行
              label: "网点",
              value: '深圳市蜂喔南山服务店',
              valueCssStyle: 'font-size: 0.75rem;font-weight: bold',
              cssStyle: 'font-size: 0.75rem;color: #7E838C;width:3.1rem'
            },
            {
              cssStyle: 'font-size: 0.75rem; color: rgb(126, 131, 140); width: 3.1rem;margin-bottom:0.75rem',
              label: "服务项目",
              dataType: 'tags',
              tags: ['强电', '暖气', '厨房', '卫生间', '暖气', '厨房', '卫生间']
            },
            {
              labelRight: "免费",
              label: "服务流程",
              dataType: "process",
              data: [
                {
                  label: "需求设计",
                  icon: "aa.png",
                  content: "1V1精确了解",
                  free: "免费"
                },
                {
                  label: "需求设计",
                  icon: "aa.png",
                  content: "1V1精确了解",
                  free: "免费"
                },
                {
                  label: "需求设计",
                  icon: "aa.png",
                  content: "1V1精确了解",
                  free: "免费"
                }
              ]
            },
            {
              value: "广东佛山市",
              label: "发货",
              labelRight: "快递:免运费",
              dataType: 'address',
              icon: "xxx",
              iconCssStyle: "xxx",
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
            {
              value: "付款后48小时发货",
              label: " ",
              dataType: 'address',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
            {
              value: "配送至：广东深圳市",
              label: " ",
              dataType: 'address',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
            {
              value: "深圳南山区粤海大道登良路公园道大厦B座2101",
              label: "蜂喔服务店",
              dataType: 'moreLine',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              },
            },
            {
              dataType: 'moreLine',
              value: "南山区、宝安区、福田区、龙岗区、罗湖区、盐田区、龙华新区、光明新区、坪山新区、大鹏新区、龙岗区周边、宝安区周边、龙华区、坪山区、光明区",
              cssStyle: 'width: 3.6rem;font-size: 0.88rem;color: #7E838C;line-height: 1.25rem;margin-right:0.5rem',
              valueCssStyle: 'font-size: 0.88rem;color: #252629;line-height: 1.25rem;',
              label: "服务区域",

            },
            {
              dataType: 'moreLine',

              value: "深圳市优达装饰工程有限公司始创于2010年5月，是一家从事于设计、施工以及跟踪服务一体化的新型装饰公司。是拥有国家建筑装修装饰工程专业承包贰级资质的专业装饰公司。现企业在广东省内深圳、广州、惠州三城有13家经营单位，累计营业面积7万多平方米，公司以“打造行业知名品牌，成就装饰百年圳星“为愿景，以”设计以人为本，顾客利益至上“的经营理念，秉承”科学管理、注重细节、合作共赢“的管理理念，坚定走”专业、诚信、高效、务实“为导向的圳星精神，鼓舞自己，超越进取，提高企业团队的核心竞争力。",
              cssStyle: 'width: 3.6rem;font-size: 0.88rem;color: #7E838C;line-height: 1.25rem;margin-right:0.5rem',
              valueCssStyle: 'font-size: 0.88rem;color: #252629;line-height: 1.25rem;',
              label: "服务区域",

            },
            {
              value: "南宁",
              label: "招商地区"
            },
            {
              value: "直营",
              label: "合作方式"
            }
          ]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style16 装修方案详情-头部
           * */
          htmlStyle: 'style16',
          title: '番茄煎蛋面面馆装修方案',
          data: [
            {
              label: '户型',
              value: '临街商铺',
            },
            {
              label: '面积',
              value: '80-100㎡',
            },
            {
              label: '风格',
              value: '中式',
            },
            {
              label: '预算',
              value: '约11万',
            },
          ]
        },
        {
          htmlStyle: 'style1',
          title: '宝安区西乡 200㎡营业中客流量大的中式餐馆',
          statusImageUrl: 'urlstr', // 新增 印章图片
          isAuthenticated: {
            value: 'true',
            label: '认证'
          },
          // 小旺新增
          isScarce: {
            value: 'true',
            label: '稀缺'
          },
          // label: '刷新：3天前 编号：246795'
          label: '<span>刷新：3天前</span><span style="display:inline-block;margin-left:0.94rem">编号：246795</span>'
        },
        {
          htmlStyle: 'style2-LJ',
          data: [
            {
              label: '面积',
              value: '180',
              unit: '㎡',
              unitOnUp: 'true',
            }
            ,
            {
              label: '租金',
              value: '200000.98',
              unit: '万/年',
              unitOnUp: 'false',
            },
            {
              label: '转让费',
              value: '6',
              unit: '万',
              unitOnUp: 'true',
            }
          ]
        },
        {
          htmlStyle: 'style2',
          data: [
            {
              label: '面积',
              value: '180',
              unit: '㎡',
              unitOnUp: 'true',
            }
            ,
            {
              label: '租金',
              value: '200000.98',
              unit: '万/年',
              unitOnUp: 'false',
            },
            {
              label: '转让费',
              value: '6',
              unit: '万',
              unitOnUp: 'true',
            }
          ]
        },
        {
          /**
           * 详情-  原找店转店出租详情上 新增 style26  推荐提示
          * */
          htmlStyle: 'style26',
          icon: 'remand_icon_recommend@3x.png',
          data: [

            {
              dataType: "label",
              labelLeft: '已为该店铺推荐',
              labelCenter: '532',
              labelRight: '位选址客户',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              }
            },
            {
              label: "我也要招商 给我推荐",
              dataType: "phone",
              phone: "15000000000"
            },
            {
              dataType: "button",
              label: '我也要找店 给我推荐',
              subLabel: "设计师免费帮你生成效果图",
              subLabelCssStyle: "font-size: 0.56rem;color: #25B85E;line-height: 0.81rem;",
              link: {
                target: '1234',
                type: 'page',
                params: {}
              }
            },
          ],
        },
        {
          htmlStyle: 'style33', // 确认成交审核详细
          cssStyle: '',
          statusImageUrl: 'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg', // 审核状态图片
          title: 'style33商铺转让 | 南山区80平餐馆低价急转',
          info: '50199',
          label: '李女士 13965854478',
          data: [
            {
              dataType: 'contentType',
              label: '接收人:',
              value: '李先生 13588888888',

            },
            {
              dataType: 'contentType',
              label: '确认员工:',
              value: '李珊珊 13588888888',
            },
            {
              dataType: 'contentType',
              label: '推荐人：',
              value: '深圳李珊 188888888',
            },
            {
              dataType: 'photoType',
              label: '服务成交证明',
              value: '',
              imgs: ["http:img1.png", "http:img2.png", "http:img3.png"]
            }]
        },
        {
          htmlStyle: 'style3',
          sepElement: 'div', // line or div
          cssStyle: '', // 新增
          title: '',
          data: [
            {
              dataType: 'photoType',
              label: '成交图片',
              value: '',
              imgs: ["http:img1.png", "http:img2.png", "http:img3.png"]
            },
            {
              dataType: 'serviceType', // 铺铺旺V3.5.0 在原有 style3中增加 serviceType
              label: '服务承诺',
              tags: ['国家一级资质', '免费上门', '签订合同', '无转包'] // 新增属性
            },
            {
              label: '服务承诺',
              dataType: 'tagType', // 蜂喔V1.1.0 在原有 style3中增加 tagType
              cssStyle: 'color: #5C81CC;height: 1.5rem;background: rgba(92, 129, 204, 0.08);border-radius: 0.13rem;font-size: 0.81rem;line-height: 1.5rem;margin-right:0.5rem;padding-left:0.5rem;padding-right:0.5rem', // 新增
              data: [{ label: '满五年', icon: '1.png' }, { label: '近地铁' }]
            },
            {
              dataType: 'propertyType',
              label: '物业类型',
              value: '临街商铺'
            },
            {
              dataType: 'noneType', // 表示空白间隔行
              label: '',
              value: ''
            },
            {
              dataType: 'operationType',
              label: '目前经营',
              value: '餐馆',
              status: '营业中',
              tagLabel: '对外显示品牌店名', // 小旺新增，不用时 不要返回该字段

            },
            {
              dataType: 'buttonType',
              label: '查看详情信息',
              value: '',
              link: {
                type: 'page',
                latitude: '23.023',
                longitude: '113.023'
              }
            },
            {
              dataType: 'addressTypeCard',
              label: '地址',
              value: '深圳市南山区南海大道1206号登良路和南海大道交接处',
              link: {
                type: 'modal',
                latitude: '23.023',
                longitude: '113.023'
              }
            },
            {
              dataType: 'identityType',
              label: '身份证号',
              value: '450330090909090908',
              valueN: '6', // 设置要隐藏的位数 ******
            },
            {
              dataType: 'addressType',
              label: '地址',
              value: '深圳市南山区',
              valueN: '来福士广场', // 打马赛克用的
              tagLabel: '对外不显示详细地址', // 小旺新增，不用时 不要返回该字段
              mosaic: "false", // 铺铺旺新增 默认为false 或者不返回
              link: {
                type: 'modal',
                latitude: '23.023',
                longitude: '113.023'
              }
            }


          ]
        }, {
          htmlStyle: 'style4',
          title: '物业信息-个人信息',
          data: [
            {
              label: '名族：',
              value: '汉',
              unit: '',
              labelCssStyle: 'height:auto;font-size: 0.88rem;font-weight: bold;color: #222222;margin-bottom: 0.75rem', // 个人信息
              valueCssStyle: 'height:auto;font-size: 0.88rem;font-weight: bold;color: #666666;padding-left:0;margin-bottom: 0.75rem',
              // 个人信息
              icon: '../../../assets/img/xiangmu.png', // 个人信息
              iconCssStyle: 'margin-right:0.25rem;height:1rem;width:1rem;margin-bottom: 0.75rem' // 个人信息
            },
            {
              label: '面积',
              value: '180',
              unit: 'm2',
              labelCssStyle: 'height:auto;font-size: 0.88rem;font-weight: bold;color: #222222;margin-bottom: 0.75rem', // 个人信息
              valueCssStyle: 'height:auto;font-size: 0.88rem;font-weight: bold;color: #666666;padding-left:0;margin-bottom: 0.75rem',
              // 个人信息
              icon: '../../../assets/img/xiangmu.png', // 个人信息
              iconCssStyle: 'margin-right:0.25rem;height:1rem;width:1rem;margin-bottom: 0.75rem' // 个人信息
            },
            {
              label: '楼层',
              value: '2/3',
              unit: '层'
            },
            {
              label: '面宽',
              value: '3.5',
              unit: 'm'
            },
            {
              label: '层高',
              value: '4',
              unit: 'm'
            },
            {
              label: '开间',
              value: '3.5',
              unit: 'm'
            },
            {
              label: '进深',
              value: '5',
              unit: 'm'
            }
          ]

        },
        {
          htmlStyle: 'style4-oneLine',
          title: '',
          data: [{
            label: '房协编码',
            value: 'U201098435826',

          },
          {
            label: '小区',
            value: '千叶苑',

          },
          {
            label: '首付',
            value: '净首付197万，可月供',

          }]
        }
        , {
          htmlStyle: 'style5',
          title: '物业配套',
          data: [{
            label: '明火',
            code: 1
          },
          {
            label: '上水',
            code: 2
          },
          {
            label: '下水',
            code: 10
          },
          {
            label: '380V',
            code: 3
          },
          {
            label: '380V',
            code: 3
          },
          {
            label: '外摆区',
            code: 12
          }
          ]
        },
        {
          htmlStyle: 'style3',
          title: '测试测试',
          tips: '(对外显示)', // 小旺 V7.2
          data: [{
            dataType: 'propertyType',
            label: '经营范围',
            value: '餐馆、火锅店、冷饮店'
          },
          {
            dataType: 'propertyType',
            label: '经营范围 (不对外显示)',
            value: '' // 小旺 V7.2 value 为空 label 占全行
          }]
        }, {
          htmlStyle: 'style6',
          title: '专属顾问', // 可不配置
          icon: 'case_icon_customer@3x.png', // 新增
          label: '服务成交客服', // 新增
          data: [{
            avatarUrl: 'src/assets/img/zhaodian.png',
            userName: '秋晓萌',
            userTag: '专属顾问',
            moreInfo: '', // 不配置 显示phone
            button: {
              label: '立即咨询',
              phone: '13888998899'
            }
          }]
        },
        {
          htmlStyle: 'style3',
          title: '租约信息',
          data: [
            {
              dataType: 'propertyType',
              label: '租金要求',
              value: '10000-15000',
              unit: '元/月',
            },
            {
              dataType: 'propertyType',
              label: '支付方式',
              value: '1月一付',
            }, {
              dataType: 'propertyType',
              label: '租金递增',
              value: '1%每年'
            }, {
              dataType: 'propertyType',
              label: '押金',
              value: '1月房租'
            }, {
              dataType: 'propertyType',
              label: '剩余合同期',
              value: '1年'
            }, {
              dataType: 'propertyType',
              label: '续约方式',
              value: '另签合同'
            },
            {
              dataType: 'operationType',
              status: '这是标签测试',
              label: '续约方式',
              value: '另签合同'
            }
          ]
        },
        {
          htmlStyle: 'style7',
          title: '描述',
          data: {
            label: '本店已经营5年，附近商户也是开了七八年的老店。本人自己原因，需要尽快转让或者转租本店，可带货可空转。附近有学校两个，公寓两个，水果市场，酒吧，电影院（装修中），后面工厂。地方人气旺，附近租金有方人气旺，附近租金有方人气旺，附近租金！',
            showLabel: '查看全部'
          }
        },
        {
          /**
           * 案例详情-  原找店转店出租详情上扩展  style3 中 dataType:'propertyType（默认的）'、'addressType' 、‘moreLineType’ ‘gradeType’ ‘serviceContentType’ 'serviceTypeIcon'
           * */
          htmlStyle: 'style3',
          title: '转让信息',
          statusImageUrl: 'urlstr', // 新增 已成交状态 印章图片
          info: '此类项目包含每月一次家庭清洁，具体时间可以自己预约时间。',
          data: [

            {
              icon: 'case_icon_end time@3x.png', // 新增
              dataType: 'serviceTypeIcon',
              label: '服务时长',
              value: '22天'
            },
            {
              dataType: 'gradeType', // 新增
              label: '客户评分',
              value: '服务成交',
              grade: '3', // 新增 对应配置属性是value
              gradeInfo: '铺铺旺是一个专业的转店找店平台，服务周到' // 新增
            },
            // {
            //   dataType: 'serviceContentType',
            //   label: '服务内容',
            //   items: [{
            //     label: '服务时长',
            //     value: '服务3个月',
            //   },
            //   {
            //     label: '广告位',
            //     value: 'PC转店焦点广告,展示30天',
            //   }],
            // },
            {
              dataType: 'signContentType', // V3.7新增签约内容
              label: '签约内容',
              items: [{
                label: '签约金额',
                value: '30,000元',
              },
              {
                label: '佣金金额',
                value: '1,500元',
              }],
            },
            {
              dataType: 'propertyType',
              label: '支付方式',
              value: '线下支付'
            },
            {
              dataType: 'propertyType',
              label: '交易单号',
              value: '2019070283758393'
            },
          ]
        },
        {
          /**
           * 案例详情-  原找店转店出租详情上 新增 style8
           * */
          htmlStyle: 'style8',
          title: '转店过程',
          action: { // 服务记录
            label: '服务记录',
            link: {
              target: '1234',
              type: 'page',
              params: {}
            }
          },
          data: [
            {
              label: '李老板很爽快，合作过程中，在详细了解店铺情况后，我综合经验和分析，建议他降低一点转让费，他听了后很认可后就马上说可以了。',
              images: ['../../../assets/img/xiangmu.png',
                '../../../assets/img/xuanzhi.png',
                '../../../assets/img/xiangmu.png',
                '../../../assets/img/xuanzhi.png',
                '../../../assets/img/xiangmu.png']// urlString
            }
          ]
        }, {
          /**
           * 案例详情-  原找店转店出租详情上 新增 style8
           * */
          htmlStyle: 'style25',
          title: '招牌产品',
          action: { // 服务记录
            label: '服务记录',
            link: {
              target: '1234',
              type: 'page',
              params: {}
            }
          },
          data: [
            {
              label: '李老板很爽快，合作过程中，在详细了解店铺情况后，我综合经验和分析，建议他降低一点转让费，他听了后很认可后就马上说可以了。',
              images: ['http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg']// urlString
            }
          ]
        },
        {
          /**
           * 案例详情-  原找店转店出租详情上 新增 style9
           * */
          htmlStyle: 'style9',
          title: '店铺详情',
          data: [
            {
              imageUrl: 'qqwq',
              title: '求租南山区100-150㎡餐馆',
              info: '西丽 | 餐馆',
              tag: '转让',
              area: '200㎡',
              rent: '8000-10000元/月',
              link: {
                target: '2493',
                type: 'page',
                params: { user_account: "5ced0f02768ae40001297b48" }
              }
            }
          ]
        },
        {
          /**
           * 铺小旺-  原找店转店出租详情上 新增 style10 店铺证件
           * */
          htmlStyle: 'style10',
          title: '店铺证件',
          data: [
            {
              imageUrl: 'https://....',
              title: '营业执照'
            },
            {
              imageUrl: 'https://....',
              title: '健康证',
            },
            {
              imageUrl: 'https://....',
              title: '许可证',
            }, {
              imageUrl: 'https://....',
              title: '营业执照'
            },
            {
              imageUrl: 'https://....',
              title: '健康证',
            },
            {
              imageUrl: 'https://....',
              title: '许可证',
            }
          ]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style11 招商详情头部
           * */
          htmlStyle: 'style11',
          logo: 'https://....',
          title: '正新鸡排',
          isAuthenticated: {
            value: 'true',
            label: '认证'
          },
          sonsociation: {
            value: 'false',
            tag: '合作品牌',
            label: '经专人考察项目，真实可靠'
          },
          label: '刷新：3天前 编号：246795',
          info: '世界美食，正新传播!正新以此为使命，不断开拓进取，致力打造世界级的民族品牌。',
          data: [
            {
              label: '投资额',
              value: '5-10万',
            },
            {
              label: '加盟费',
              value: '5万',
            },
            {
              label: '直营店',
              value: '20家',
            },
            {
              label: '加盟',
              value: '54家',
            },
          ]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style12 招商详情申请加盟
           * */
          htmlStyle: 'style12',
          title: '申请加盟',
          action: {
            label: '立即申请',
            link: {
              target: '2493',
              type: 'page',
              params: { user_account: "5ced0f02768ae40001297b48" }
            }
          },
          info: '铺铺旺绿色通道，加盟费85折',
        }, {
          /**
           * 案例详情-  原找店转店出租详情上 新增 style8
           * */
          htmlStyle: 'style25',
          title: '招牌产品',
          action: { // 服务记录
            label: '服务记录',
            link: {
              target: '1234',
              type: 'page',
              params: {}
            }
          },
          data: [
            {
              label: '李老板很爽快，合作过程中，在详细了解店铺情况后，我综合经验和分析，建议他降低一点转让费，他听了后很认可后就马上说可以了。',
              images: ['http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg',
                'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_2c4de361c51f9e2914b09ec56dcffd0d.jpg']// urlString
            }
          ]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style13 招商详情图文详情- 富文本正常展示
           * */
          htmlStyle: 'style13',
          title: '图文详情',
          isOuter: "false", // "true" 小象商品
          imageText: `<p style="font-size:16px;color:#333333;font-family:&quot;">
        【太平洋汽车网 新车频道】3月3日，爱驰正式发布了旗下第二款车型U6 ion概念车。据悉，新车诞生于爱驰汽车的纯电专属MAS平台，定位于A+级SUV，外观上则与U5类似，造型动感十足。此外，爱驰还宣布将在欧洲各地建立“合作伙伴展厅”，零售商EURONICS公司进行合作；在售后服务方面，爱驰AIWAYS还将与德国汽车快修连锁A.T.U进行合作，为用户在车辆使用过程中提供维修、道路救援及零部件供应等一系列售后服务解决方案。
      </p>
      <p style="font-size:16px;color:#333333;font-family:&quot;">
        <br />
      </p>
      <p style="font-size:16px;color:#333333;font-family:&quot;">
        <img src="http://news-img.qctt.cn/FsBVYT3BSggFqIVzdAZdkR70vKA0" height="" style="width:680px;height:auto;" />
      </p>
      <p style="font-size:16px;color:#333333;font-family:&quot;">
        <br />
      </p>
      <p style="font-size:16px;color:#333333;font-family:&quot;">
        外观上，U6 ion是定位于A+级纯电动智能轿跑SUV，融合了跨界休旅与轿跑车的特色，具有鲜明的运动气息。U6 ion的设计风格与U5类似，前脸大面积封闭式设计，配合两侧不规则样式头灯组和类似扰流翼的设计的下格栅，战斗气息浓厚。
      </p>`,

        }, {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style14 招商详情-公司信息
           * */
          htmlStyle: 'style14',
          title: '上海正新食品集团有限公司',
          icon: 'iconName',
          action: {
            label: '立即申请',
            link: {
              target: '2493',
              type: 'page',
              params: { user_account: "5ced0f02768ae40001297b48" }
            }
          },
        },
        {
          htmlStyle: 'style3',
          title: '转让信息',
          data: [
            {
              dataType: 'propertyType',
              label: '身份证号',
              hide: '6',
              value: '450999909090909092'
            },
            {
              dataType: 'propertyType',
              label: '转让费',
              value: '20万元'
            },
            {
              dataType: 'propertyType',
              label: '转让内容',
              value: '设备、品牌、会员'
            }, {
              dataType: 'propertyType',
              label: '可否空转',
              value: '不可空转'
            }]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style15 公司详情-简介 / 方案详情方案说明
           * */
          htmlStyle: 'style15',
          title: '公司简介',
          info: '正新成立于2006年，是以食品为主导，集生产、供应链、信息科技、商业地产与投资等板块于一体的大型多元化产业集团。....'
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style16 装修方案详情-头部
           * */
          htmlStyle: 'style16',
          title: '番茄煎蛋面面馆装修方案',
          data: [
            {
              label: '户型',
              value: '临街商铺',
            },
            {
              label: '面积',
              value: '80-100㎡',
            },
            {
              label: '风格',
              value: '中式',
            },
            {
              label: '预算',
              value: '约11万',
            },
          ]
        }, {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style17 装修详情-公司信息
           * */
          htmlStyle: 'style17',
          title: '优达装饰工程公司',
          info: '致力于打造行业影响力品牌。设计装修施工全程一…',
          logo: 'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_84aa80e1aa878af8db9424383898b1e2.jpg',
          isAuthenticated: {
            value: 'true',
            label: '认证'
          },
          link: {
            target: '2493',
            type: 'page',
            params: { user_account: "5ced0f02768ae40001297b48" }
          }
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style15 公司详情-简介 / 方案详情方案说明
           * */
          htmlStyle: 'style15',
          title: '公司简介',
          info: '正新成立于2006年，是以食品为主导，集生产、供应链、信息科技、商业地产与投资等板块于一体的大型多元化产业集团。....'
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style18 装修详情-户型图
           * */
          htmlStyle: 'style18',
          title: '户型图',
          data: [
            {
              images: ['../../../assets/img/xiangmu.png',
                '../../../assets/img/xuanzhi.png',
                '../../../assets/img/xiangmu.png']// urlString 最多三张
            }
          ]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style19 装修详情-整体效果
           * */
          htmlStyle: 'style19',
          title: '整体效果',
          longImageUrl: "https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg"
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style20 装修公司主页-头部
           * */
          htmlStyle: 'style20',
          title: '优达装饰工程公司',
          info: '装修均价',
          price: '10-12万',
          logo: 'http://......png',
          isAuthenticated: {
            value: 'true',
            label: '认证'
          },
        },
        {
          htmlStyle: 'style3',
          title: '',
          data: [
            {
              dataType: 'serviceType', // 铺铺旺V3.5.0 在原有 style3中增加 serviceType
              label: '服务承诺',
              tags: ['国家一级资质', '免费上门', '签订合同', '无转包'] // 新增属性
            },
            {
              dataType: 'propertyType',
              label: '物业类型',
              value: '临街商铺'
            },
            {
              dataType: 'operationType',
              label: '目前经营',
              value: '餐馆',
              status: '营业中',
              tagLabel: '对外显示品牌店名', // 小旺新增，不用时 不要返回该字段

            },
          ]
        },
        {
          htmlStyle: 'styleSep',
          sepElement: 'line', //  sepElement: 'div', // line or div 配置属性是 separator
          cssStyle: '', // 新增
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style21 装修公司主页-方案列表最多6个
           * */
          htmlStyle: 'style21',
          title: '设计方案',
          total: '245', // 全部（245）
          link: {
            target: '2493',
            type: 'page',
            params: { user_account: "5ced0f02768ae40001297b48" }
          },
          data: [
            {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              label: 'loft风简约复古酒庄装…',
              area: '200-800㎡',
              link: {
                target: '2493',
                type: 'page',
                params: { user_account: "5ced0f02768ae40001297b48" }
              },
            },
            {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              label: '禅意写诗精致主题酒…',
              area: '200-200㎡',
              link: {
                target: '2493',
                type: 'page',
                params: { user_account: "5ced0f02768ae40001297b48" }
              },
            },
            {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              label: 'loft风简约复古酒庄装…',
              area: '200-800㎡',
              link: {
                target: '2493',
                type: 'page',
                params: { user_account: "5ced0f02768ae40001297b48" }
              },
            },
            {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              label: '禅意写诗精致主题酒…',
              area: '200-200㎡',
              link: {
                target: '2493',
                type: 'page',
                params: { user_account: "5ced0f02768ae40001297b48" }
              },
            }
          ],
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style22 成功-招商详情头部
           * */
          htmlStyle: 'style22',
          logo: 'https://....',
          title: '正新鸡排',
          isAuthenticated: {
            value: 'true',
            label: '认证'
          },
          sonsociation: {
            value: 'true',
            tag: '合作品牌',
            // label: '经专人考察项目，真实可靠'
          },
          info: '3年品牌|2006年开店',
          data: [
            {
              shopName: '深圳南油旗舰店',
              shopAddress: '深圳市南山区登良路深圳市南山区登良路69号',
              shopLogo: 'http://zeno-img.oss-cn-shenzhen.aliyuncs.com/file_84aa80e1aa878af8db9424383898b1e2.jpg',
              tag: '成功开店131家',
              action: {
                label: '更多店址',
                link: {
                  target: '1234',
                  type: 'page',
                  params: {}
                }
              },
            },
          ]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style19 装修详情-整体效果
           * */
          htmlStyle: 'style19',
          title: '整体效果',
          longImageUrl: "https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg"
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style23 成功-招商详情-引导步骤
           * */
          htmlStyle: 'style23',
          title: '如何建立连锁店品牌',
          data: [
            {
              title: '建立品牌',
              info: '专业设计师设计品牌LOGO和店面形象', // 多行
              icon: '../../../assets/img/xiangmu.png',
            },
            {
              title: '建立品牌',
              info: '专业设计师设计品牌LOGO和店面形象', // 多行
              icon: '../../../assets/img/xiangmu.png',
            },
            {
              title: '建立品牌',
              info: '专业设计师设计品牌LOGO和店面形象专业设计师设计品牌LOGO和店面形象', // 多行
              icon: '../../../assets/img/xiangmu.png',
            },
          ]
        }
        /**
         * 服务项目，多选用逗号隔开 1水电改造、2房屋拆除、3涂料粉刷、4灯具安装、5电焊工程、6洁具安装、7门窗安装、8防水补漏、9瓷砖美缝、10吊顶造型、11橱柜吊柜、12刮腻子、13刷墙固、14铲墙皮、15贴瓷砖、16铺地板、17打隔断、18壁纸/彩绘、19打孔、20外墙保温、21建筑垃圾清运、22建材安装、23暖气改造、24建材用品、25散工服务
        */
        , {
          htmlStyle: 'style24', // 铺小旺v7.30 新增
          title: '服务项目',
          data: [{
            label: '水电改造',
            code: 1
          },
          {
            label: '房屋拆除',
            code: 2
          },
          {
            label: '涂料粉刷',
            code: 3
          },
          {
            label: '水电改造',
            code: 1
          },
          {
            label: '房屋拆除',
            code: 2
          },
          {
            label: '涂料粉刷',
            code: 3
          },
          {
            label: '水电改造',
            code: 1
          },
          {
            label: '房屋拆除',
            code: 2
          },
          {
            label: '涂料粉刷',
            code: 3
          }

          ]
        },
        {
          /**
           * 详情-  原找店转店出租详情上 新增 style26  推荐提示
          * */
          htmlStyle: 'style26',
          icon: 'remand_icon_recommend@3x.png',
          data: [
            {
              dataType: "button",
              label: '我也要找店 给我推荐',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              }
            },
            {
              dataType: "label",
              labelLeft: '已为该店铺推荐',
              labelCenter: '532',
              labelRight: '位合适选址客户',
              link: {
                target: '1234',
                type: 'page',
                params: {}
              }
            },
          ],
        },
        {
          /**
           * 铺小旺-  原找店转店出租详情上 新增 style27 成交图片
           * */
          htmlStyle: 'style27',
          title: '成交图片',
          images: ['https://....', 'https://....', 'https://....', 'https://....', 'https://....', 'https://....',]
        },
        {
          /**
           * 铺铺旺-v3.5.0  原找店转店出租详情上 新增 style28 租房信息
           * */
          htmlStyle: 'style28',
          data: [
            {
              label: '朝向',
              value: '东南',
            },
            {
              label: '面积',
              value: '118㎡',
            },
            {
              label: '楼层',
              value: '33层',
            },
            {
              label: '入住',
              value: '随时入住',
            },
          ]
        }
        , {
          htmlStyle: 'style29', // 蜂喔租屋物业配套
          title: '物业配套',
          data: [{
            label: '洗衣机',
            value: "true", // "true" 表示有该配套 高亮 “false” 无灰色
            code: 1
          },
          {
            label: '房屋拆除',
            value: "true",
            code: 2
          },
          {
            label: '涂料粉刷',
            value: "true",
            code: 3
          },
          {
            label: '水电改造',
            value: "true",
            code: 1
          },
          {
            label: '房屋拆除',
            value: "false",
            code: 2
          },
          {
            label: '涂料粉刷',
            value: "false",
            code: 3
          },
          {
            label: '水电改造',
            value: "false",
            code: 1
          },
          {
            label: '房屋拆除',
            value: "false",
            code: 2
          },
          {
            label: '涂料粉刷',
            value: "false",
            code: 3
          }

          ]
        }, {
          htmlStyle: 'style30', // 蜂喔租屋物业配套
          info: '实地考察过，具备符合找房要求，是个不错的房子，业主很诚心出租'
        },
        {
          /**
           * 户型图  原找店转店出租详情上 新增 style32
           * */
          htmlStyle: 'style32',
          title: '预售许可证',
          data: [
            {
              data:
                [{
                  label: '预售证号',
                  value: '深房许字（2020）南山019号',

                }, {
                  label: '绑定楼栋',
                  value: 'A栋、B栋',

                },
                {
                  label: '发证日期',
                  value: '2020-11-10',

                }]
            },
            {
              data: [{
                label: '预售证号',
                value: '深房许字（2020）南山019号',

              }, {
                label: '绑定楼栋',
                value: 'A栋、B栋',

              },
              {
                label: '发证日期',
                value: '2020-11-10',

              }]
            }

          ]
        },
        {
          /**
           * 户型图  原找店转店出租详情上 新增 style31
           * */
          htmlStyle: 'style31',
          title: '主力户型',
          data: [
            {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              title: '1室1厅1卫 42㎡ 66套',
              price: {
                label: '约420万',
                cssStyle: 'color: #FF595E',
              },
              type: {
                label: '普通住宅',
                cssStyle: 'color: #7E838C',
              },
              labels: [{
                label: '在售',
                cssStyle: 'color: #27C498',
              },
              {
                label: '待售',
                cssStyle: 'color: #FF595E;background: rgba(255, 89, 94, 0.1)',
              },
              {
                label: '售罄',
                cssStyle: 'color: #FFFFFF;background: #C2C3CC',
              }, {
                label: '主推',
                cssStyle: 'color:#FFAA00;background: rgba(255, 170, 0, 0.1)',
              }]
            },
            {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              title: '1室1厅1卫 42㎡ 66套',
              price: {
                label: '约420万',
                cssStyle: 'color: #FF595E',
              },
              type: {
                label: '普通住宅',
                cssStyle: 'color: #7E838C',
              },
              labels: [{
                label: '待售',
                cssStyle: 'color: #FF595E;background: rgba(255, 89, 94, 0.1)',
              }]
            }, {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              title: '1室1厅1卫 42㎡ 66套',
              price: {
                label: '约420万',
                cssStyle: 'color: #FF595E',
              },
              type: {
                label: '普通住宅',
                cssStyle: 'color: #7E838C',
              },
              labels: [{
                label: '在售',
                cssStyle: 'color: #27C498',
              }, {
                label: '主推',
                cssStyle: 'color:#FFAA00;background: rgba(255, 170, 0, 0.1)',
              }]
            }, {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              title: '1室1厅1卫 42㎡ 66套',
              price: {
                label: '约420万',
                cssStyle: 'color: #FF595E',
              },
              type: {
                label: '普通住宅',
                cssStyle: 'color: #7E838C',
              },
              labels: [{
                label: '在售',
                cssStyle: 'color: #27C498',
              }]
            }, {
              imageUrl: 'https://img.alicdn.com/imgextra/i1/2265004637/O1CN01pFIFMu1k7n8WNbdlg_!!2265004637.jpg',
              title: '1室1厅1卫 42㎡ 66套',
              price: {
                label: '约420万',
                cssStyle: 'color: #FF595E',
              },
              type: {
                label: '普通住宅',
                cssStyle: 'color: #7E838C',
              },
              labels: [{
                label: '在售',
                cssStyle: 'color: #27C498',
              }, {
                label: '主推',
                cssStyle: 'color:#FFAA00;background: rgba(255, 170, 0, 0.1)',
              }]
            }
          ]
        },
        {
          htmlStyle: 'styleSep',
          sepElement: 'div', // line or div
          cssStyle: '', // 新增
        },

      ]
    };
  }

  ionViewWillEnter() {
    console.log('msg----->ionViewWillEnterTransferDetail');
  }
  imageChange(e) {
    if (e.target.tagName === 'IMG') {
      this.showCurrentImg = e.target.src;
      this.pageModalService.openImage_url(0, [e.target.src]);
      this.showBigImg = true;
    }
  }
  hideBigImg(event) {
    this.showBigImg = false;
    event.stopPropagation();
  }
  showImg(event) {
    // this.showBigImg = true;
    this.showBigImg = false;
    event.stopPropagation();
  }

  beforeSubmit(submit, link) {
    if (submit) {  // 如果有submit
      submit.sessionId = localStorage.getItem('sessionId');
      this.http.post('application/submit', submit, res => {
        // 请求成功
        if (res.success) {
          this.openPage(link);
        } else {
          // 请求数据失败
          this.appGlobalService.showToast(res.message, 2000, 'middle');
        }
      });
    } else {
      this.openPage(link);
    }
  }

  async popup(data) {

    const modal = await this.modalCtrl.create({
      component: VideoImgPopupComponent,
      componentProps: { tagData: data }
    });
    return await modal.present();

  }

  // 分享弹框
  async presentModal(title) {
    const modal = await this.modalCtrl.create({
      showBackdrop: true,
      cssClass: 'sharePage',
      backdropDismiss: true,
      component: SharePageComponent,
      componentProps: { tagData: this.shareData, title: title === null ? "" : title }
    });
    await modal.present();
    // 监听销毁的事件
    const modalData = await modal.onDidDismiss(); // 获取关闭传回的值
    console.log(modalData);
  }

  /** 分享 */
  share(link) {
    console.log('share --> page', link);
    // 请求参数
    const params = {
      sessionId: localStorage.getItem("sessionId"),
      pageId: link.target,
      params: link.params
    };
    this.http.post('application/page', params, res => {
      const tagData = JSON.parse(res.script).views[0].tags[0];
      // 2024.07.10 兼容以前的标签
      if (tagData.style !== 'shareDetailTag') {
        this.pageModalService.openPage(link);
      } else {
        this.shareData = tagData.data;
        this.presentModal(tagData.title);
      }
    });
  }

  async presentAlertConfirm(mobile, name?, e?) {
    e.stopPropagation();
    let msg = (name ? name + ' ' : '') + mobile;
    if (mobile === name) {
      msg = mobile;
    }
    const alert = await this.alertController.create({
      header: this.tagData.nickName,
      message: msg,
      buttons: [
        {
          text: "取消",
          role: "cancel",
          cssClass: "secondary"
        },
        {
          text: "拨打",
          handler: () => {
            this.http.changeCallNumber(mobile);
          }
        }
      ]
    });

    await alert.present();
  }

  go(item, e) {
    e.stopPropagation();
    if (item.link && item.link.type === 'chat') {
      this.pageModalService.openPage(item.link);
    }
  }
}
